import React, { Component } from 'react';
import {Grid, Row, Col} from 'react-bootstrap'

class HomeBody extends Component {
	constructor(props) {
    super(props);
    this.state = { 
      
    };
  }

  render() {
  	return (
  	<div>
	 <div id="fh5co-section">
       <div className="col-half col-half-color">
	     <div className="row-half" >
	        <div className="col-half-inner col-half-inner-bg">
	          <div className="desc">
	            <h3>test</h3>
	            <p>test</p>
	            <p><a href="#" className="btn btn-primary btn-outline with-arrow">Read More <i className="icon-arrow-right22"></i></a></p>
	          </div>
	        </div>
	        <a href="#" className="col-half-inner grid-item" style={{backgroundImage: 'url(' + './images/00001.JPG' + ')'}}>
	          <div className="desc2">
	            <h3>test2</h3>
	            <span>test2</span>
	          </div>
	        </a>
	      </div>
	    </div>
	  </div>
	  <div id="fh5co-section">
       <div className="col-half col-half-color">
	     <div className="row-half" >
	        <a href="#" className="col-half-inner grid-item" style={{backgroundImage: 'url(' + './images/00002.JPG' + ')'}}>
	          <div className="desc2">
	            <h3>test2</h3>
	            <span>test2</span>
	          </div>
	        </a>
	        <div className="col-half-inner col-half-inner-bg2">
	          <div className="desc">
	            <h3>test</h3>
	            <p>test</p>
	            <p><a href="#" className="btn btn-primary btn-outline with-arrow">Read More <i className="icon-arrow-right22"></i></a></p>
	          </div>
	        </div>
	      </div>
	    </div>
	  </div>
      <br/>
	  <div className="fh5co-parallax fh5co-parallax2" style={{backgroundImage: 'url(' + './images/00002.JPG' + ')'}} data-stellar-background-ratio="0.5">
          <div className="overlay"></div>
          <div className="container">
            <div className="row">
              <div className="col-md-12 col-md-offset-0 col-sm-12 col-sm-offset-0 col-xs-12 col-xs-offset-0 text-center fh5co-table">
                <div className="fh5co-intro animate-box">
                  <div className="row">
					<div className="col-md-6 text-center">
                      <div className="testimony">
                      <span className="quote"><i className="icon-quotes-right"></i></span>
                        <blockquote>
                          <p>test3</p>
                          <span>test3<a href="#" className="test3"></a></span>
                        </blockquote>
                      </div>
                    </div>
                    <div className="col-md-6 text-center">
                      <div className="testimony">
                      <span className="quote"><i className="icon-quotes-right"></i></span>
                        <blockquote>
                          <p>test3</p>
                          <span>test3<a href="#" className="test3"></a></span>
                        </blockquote>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <div id="fh5co-services-section">
          <div className="container">
            <div className="row">
              <div className="col-md-6 col-md-offset-3 text-center fh5co-heading">
                <i className="sl-icon-paper-plane"></i>
                <h2>Our Services</h2>
                <p>Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
              </div>
            </div>
            <div className="row">
             <div className="col-md-4 text-center">
                    <div className="services">
                      <span><i className="test4"></i></span>
                      <h3>test4</h3>
                  <p>test4</p>
                </div>
              </div>
            </div>
          </div>
        </div>
  	</div>	
	 
	)
  }
}
export default HomeBody